import React from 'react';
import { PageHeader, Icon,  Collapse, Card } from 'antd';
import { enquireScreen, unenquireScreen } from 'enquire-js';
const Panel = Collapse.Panel;
const text = `
  金满堂物流有限公司注册资金500万。
  注册地苏州东吴北路98号。
  经营范围: 
  道路货物运输；
  普通货物仓储；
  人力装卸搬运服务；
  国内货运代理；
  承办陆路进出口货物的国际运输代理业务，包括揽货、托运、订舱、仓储、中转、集装箱拼装拆箱、结算运杂费、报关、报验、保险、相关的短途运输服务及运输咨询业务。
  （依法经营批准的项目）我们与多家物流专线合作，服务网点遍布全国各地，各省，市，直辖市。我们是专业的运输团队请您放心托运。
  法人栗龙2010年从事普通货物，物流运输行业，已经十个年头。期间与多家物流公司、仓储、报关行、企业厂商合作。
  合作期间没有给合作伙伴造成经济损失，每一票货都能安全准时的送到。
  金满堂物流有限公司所承运的每一票货都有保险公司承保，如果在运输过程中造成了货物损坏及损失我们会照市价赔偿。
`;

let isMobile;
enquireScreen(b => {
  isMobile = b;
});

const customPanelStyle = {
  background: '#f7f7f7',
  borderRadius: 4,
  marginBottom: 24,
  border: 0,
  overflow: 'hidden',
};



export default class MainPage extends React.PureComponent {

  state = {
    isMobile,
  };

  componentDidMount() {
    this.enquireHandler = enquireScreen(mobile => {
      this.setState({
        isMobile: mobile,
      });
    });
  }

  componentWillUnmount() {
    unenquireScreen(this.enquireHandler);
  }

  render() {
    return (
      <div>

        <PageHeader
          backIcon = {<Icon type="phone" />}
          onBack={() => null}
          title="电话1：15195608089"
        />
        <PageHeader
          backIcon = {<Icon type="phone" />}
          onBack={() => null}
          title="电话2：15050476211"
        />
        <PageHeader
          backIcon = {<Icon type="wechat" />}
          onBack={() => null}
          title="微信：lilong903818556"
        />
        <PageHeader
          backIcon = {<Icon type="qq" /> }
          onBack={() => null}
          title="qq: 903818556"
        />

        <Collapse
          bordered={false}
          defaultActiveKey={['1','2']}
          expandIcon={({ isActive }) => <Icon type="caret-right" rotate={isActive ? 90 : 0} />}
        >
          <Panel header="公司简介" key="1" style={customPanelStyle}>
            <p>{text}</p>
          </Panel>
          <Panel header="注册信息" key="2" style={customPanelStyle}>
            <p>登记机关：苏州吴中区市场监督管理局</p>
            <p>信用代码：91320506MA1YCY2R15</p>
            <Card
              title="办公室实景"
              cover={<div className={"office"}></div>}
            >
            </Card>
            <Card
              title="仓库实景"
              cover={<div className={"warehouse"}></div>}
            >
            </Card>
          </Panel>

        </Collapse>

      </div>
    );
  }

}
